<!DOCTYPE html>
<html>
<head>
	<title>JeversonJeeHtmlRoad</title>
	<!-- 复习01doctype -->
	<meta charset="UTF-8">
	<!-- 关键字 -->
	<meta name="keywords" content="JeversonJee, GreatEnginerIniOS, GrandetCTO, ServerDeveloper">
	<!-- 网页描述 -->
	<meta name="description" content="JeversonJee starting develop the course of html">
	<!-- 网页重定向 -->
<!-- 	<meta http-equiv="refresh" content="3; http://www.baidu.com">
 -->	<!-- 链接外部样式表 -->
	<link rel="stylesheet" href="1.css">
	<!-- icon图标 -->
	<link rel="icon" href="favicon.ico">
</head>
<body>
	<!-- 复习第一天标签 -->
	<!-- 复习01上标，下标 -->
	2 <sup>3</sup>
	H <sub>2</sub> O

	<!-- 03表格 -->
	<table border="4" width="500" height="300" cellpadding="10" cellspacing="12" align="center" bgcolor="yellow">
		<tr align="center">
			<td>Zhansan</td>
			<td>18</td>
			<td>Developer</td>
		</tr>
		<tr>
			<td>Lee4</td>
			<td>20</td>
			<td>iOSDeveloper</td>
		</tr>

		
	</table>

	<!-- 04表格的标准结构 -->
	<table border="1" width="500" height="300">
		<thead>
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</tfoot>
	</table>

	<!-- 05表头和表格的合并 -->
	<table border="1" bordercolor="red" width="300" height="300">
		<tr>
			<td colspan="3">Title</td>
		<!-- 	<td></td>
			<td></td> -->
		</tr>
		<tr>
			<td valign="middle">张三</td>
			<td></td>
			<td rowspan="2"></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<!-- <td></td> -->
		</tr>
	</table>

	<!-- 06表格内容垂直对齐、边框颜色、标题 -->
	<table border="2" bordercolor="red" width="500" width="300" cellspacing="0">
		<tr>
			<th>张三</th>
			<th>20</th>
			<th>大前端</th>
		</tr>
		<tr>
			<td valign="bottom">李四</td>
			<td>50</td>
			<td>老司机</td>
		</tr>
		<tr>
			<td>Grandet</td>
			<td>100</td>
			<td>谨慎有态度的产品</td>
		</tr>
	</table>

	<!-- 07细线表格 -->
	<table width="500" height="300" bgcolor="green" cellspacing="1">
		<tr bgcolor="white">
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr bgcolor="white">
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr bgcolor="white">
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr bgcolor="white">
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>

	<!-- 08细线课表 -->
	<table width="300" height="200" bgcolor="green" cellspacing="1" align="center">
		<caption>课程表</caption>
		<tr bgcolor="white">
			<th width="80" colspan="2"></th>
			<!-- <th></th> -->
			<th>Monday</th>
			<th>Tuseday</th>
			<th>WenseDay</th>
			<th>ThurseDay</th>
			<th>Friday</th>
		</tr>
		<tr bgcolor="white">
			<td rowspan="2" width="50">AM</td>
			<td width="30">1</td>
			<td>Chinese</td>
			<td>Chinese</td>
			<td>Chinese</td>
			<td>Chinese</td>
			<td>Chinese</td>
		</tr>
		<tr bgcolor="white">
			<!-- <td></td> -->
			<td>2</td>
			<td>Chinese</td>
			<td>Math</td>
			<td>Psycology</td>
			<td>chmestry</td>
			<td>Nutriation</td>
		</tr>
		<tr bgcolor="white">
			<td rowspan="2" height="50">下午</td>
			<td>1</td>
			<td>语文</td>
			<td>语文</td>
			<td>语文</td>
			<td>语文</td>
			<td>语文</td>
		</tr>
		<tr bgcolor="white">
			<!-- <td></td> -->
			<td>2</td>
			<td>语文</td>
			<td>语文</td>
			<td>语文</td>
			<td>语文</td>
			<td>语文</td>
		</tr>
	</table>

	<!-- 08表单 -->
	<form action="2.php" method="post">
		<fieldset>
			<legend>分组信息</legend>
			<!-- 文本输入框 -->
			UserName:<input type="text" maxlength="6" name="userName" value="JeversonJee"></input>
			<br/>
			<br/>
			<!-- 密码输入框 -->
			PassWord:<input type="password" name="passWord"></input>
			<br/>
			<br/>
			<!-- 单选框 -->
			<input type="radio" name="gender" checked="checked">Male</input>
			<input type="radio" name="gender">Female</input>
			<br>
			<br>
			<!-- 下拉列表 -->
			省(市区): <select>
				<option>河北</option>
				<option>山西</option>
				<option>山东</option>
				<option selected="selected">广西</option>
			</select>
			<!-- 下拉多选列表 -->
			<select multiple="mutiple">
				<option>河北</option>
				<option>山西</option>
				<option>山东</option>
				<option selected="selected">广西</option>
			</select>
			<!-- 下拉列表信息分组 -->
			<select>
				<optgroup label="peking">
					<option>昌平区</option>
	   				<option>海淀区</option>
	   				<option>朝阳区</option>
	   				<option>大兴区</option>
				</optgroup>
				<optgroup label="guangzhou">
					<option>昌平区</option>
	   				<option>海淀区</option>
	   				<option>朝阳区</option>
	   				<option>大兴区</option>
					</optgroup>
			</select>
			<br>
			<br>
			<!-- 多选框 -->
			<input type="checkbox" checked="checked">Running</input>
			<input type="checkbox" checked="checked">Reading</input>
			<input type="checkbox" checked="checked">Swiming</input>
			<!-- 多行文本 -->
			<textarea cols="130" rows="10"></textarea>
			<br>
			<br>
			<!-- 文件上传控件 -->
			<input type="file"></input>
			<br>
			<br>
			<!-- 普通按钮 -->
			<input type="button" value="NoramalButton"></input>
			<!-- 图片按钮 -->
			<input type="image" src="按钮.jpg"></input>
			<!-- 重置按钮 -->
			<input type="reset"></input>
		</fieldset>

		<!-- html5新特性 -->
		<input type="url"></input>
		<input type="date"></input>
		<input type="time"></input>
		<input type="email"></input>
		<input type="number" step="5"></input>
		<input type="range" step="100"></input>
		<input type="submit">


	</form>
	<!-- 1标签语义化 -->
	<h1>忆江南</h1>
	<p>唐.白居易</p>
	<p>江南好，风景旧曾谙。(2) 日出江花红胜火，春来江水绿如蓝，(3) 能不忆江南。</p>

	<h2>作者介绍</h2>
	<p>白居易(772－846) ，字乐天，太原(今属山西)人。唐德宗朝进士，元和三年(808)拜左拾遗，后贬江州(今属江西)司马，移忠州(今属四川)刺史，又为苏州(今属江苏)、同州(今属陕西大荔)刺史。晚居洛阳，自号醉吟先生、香山居士。其诗政治倾向鲜明，重讽喻，尚坦易，为中唐大家。也是早期词人中的佼佼者，所作对后世影响甚大。</p>

	<h2>注释</h2>
	<p>(1)据《乐府杂录》，此词又名《谢秋娘》，系唐李德裕为亡姬谢秋娘作。又名《望江南》、《梦江南》等。分单调、双调两体。单调二十七字，双凋五十四字，皆平韵。(2)谙(音安)：熟悉。(3)蓝：蓝草，其叶可制青绿染料。</p>

	<h2>品评</h2>
	<p>此词写江南春色，首句“江南好”，以一个既浅切又圆活的“好”字，摄尽江南春色的种种佳处，而作者的赞颂之意与向往之情也尽寓其中。同时，唯因“好”之已甚，方能“忆”之不休，因此，此句又已暗逗结句“能不忆江南”，并与之相关阖。次句“风景旧曾谙”，点明江南风景之“好”，并非得之传闻，而是作者出牧杭州时的亲身体验与亲身感受。这就既落实了“好”字，又照应了“忆”字，不失为勾通一篇意脉的精彩笔墨。三、四两句对江南之“好”进 　行形象化的演绎，突出渲染江花、江水红绿相映的明艳色彩，给人以光彩夺目的强烈印象。其中，既有同色间的相互烘托，又有异色间的相互映衬，充分显示了作者善于著色的技巧。篇末，</p>


</body>
</html>